<html lang="en">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <title>好玩的游戏也在这里 | Z-anime</title>
 <link rel="stylesheet" href="../public/css/index/index.css">
 <link rel="stylesheet" href="../public/css/game/head.css">
 <link rel="stylesheet" href="../public/css/game/index.css">
 <link rel="stylesheet" href="../public/css/index/foot.css">
 <!--站点图标-->
 <link rel="shortcut icon" href="../public/img/index/logo/logo.ico" type="image/x-icon">
</head>
<body>
  <!--头部-->
  <header id="z_head">
   <div class="head">
       <div class="center">
           <ul id="headUl">
               
           </ul>
           
           <div class="searchInputArea">
             <div class="search_C">
               <input v-model="key" type="search" class="searchInput" placeholder="搜索关键词" @keyup.enter="toSearch">
               <img @click="toSearch" src="../public/img/index/other/search.png">
             </div>        
           </div>
           <img class="logo" src="../public/img/index/logo/logo.png" alt="">
       </div>

   </div>
</header>
<!--头部-->
<!--筛选-->
 <div class="filterContainer" id="gameFilter">
   <div class="main">
    <div class="url">
      <span id="indexUrl" @click="toIndexClick">Z-anime</span> > 
      <span class="urlTitle">游戏</span>
    </div>

    <div class="typeCotainer">
      <div class="options">
        <select class="sort" v-model="sort" @change="sortChange(sort)">
           <option value="1">默认排序</option>
           <option value="2">时间排序</option>
           <option value="3">评分排序</option>
        </select>
      </div>
    </div>

    <div class="p sortTextDiv">已经选择：

    </div>
    <div class="tagNavs">
      <div class="p state">游戏状态：  

      </div>
      <div class="p acronym">首字母：    
        
      </div>
      <div class="p type">游戏类型：     
        
      </div>
      <div class="p area">游戏产地：   
        
      </div>
    </div>
    
    <div class="noData" v-if="gameListResult.length == 0">
        <b>没有筛选结果，请重新选择筛选条件！！</b>
      </div>
      <div class="gameList p" v-else>
         
      </div>
    
      <!--页码-->
      <div class="pageDiv">

      </div>

   </div>
 </div>
<!--筛选-->

<!--尾部-->
<footer id="z_foot">
  <div class="foot">
      <div class="foot_left"></div>
      <div class="foot_center">
          <span
              class="main_txt">本站所有资源来源于各大视频网站,只供网络测试和学习交流所用,不提供影片资源存储，也不参与任何视频录制、上传,所有视频版权归原权利人，如有关视频侵犯了你的权益，请联系告之，我们将于第一时间删除！我们建议所有影视爱好者购买正版音像制品或去电影院观看最新大片。网站合作联系方式：810268796@qq.com
              Copyright <a href="#">Z动漫在线</a> All Rights Reserved</span>
      </div>
      <div class="foot_right"></div>
  </div>
</footer>
<!--尾部-->

  <script src="../public/js/jquery-1.12.4.min.js"></script>
  <script src="../public/js/vue.min.js"></script>
  <script src="../public/js/vue-resource.min.js"></script>
  <script src="../public/js/common.js"></script>
  <script src="../public/js/hz_py.js"></script>
  <script src="../public/js/index/head.js"></script>
  <script src="../public/js/game/gameFilter.js"></script>
</body>
</html>